Skip to main content
Skybridge is a fullstack TypeScript framework for building MCP Apps: interactive views that render inside model hosts. Define tools, write React components, and let Skybridge do the rest:
import { McpServer } from "skybridge/server";
import { z } from "zod";

const server = new McpServer({ name: "my-app", version: "0.0.1" }, {})
  .registerTool(
    {
      name: "greeting",
      description: "Greet someone by name.",
      inputSchema: { name: z.string() },
      view: { component: "greeting" },
    },
    async ({ name }) => {
      return { structuredContent: { message: `Hello, ${name}!` } };
    },
  );
Start building now by scaffolding your first project:
npx skybridge create

MCP Apps Are Hard, but Not for You

MCP Apps are the surface on which humans and agents use software collaboratively. In practice, those apps use the Model Context Protocol to run inside model hosts such as ChatGPT and Claude. MCP Apps introduce a fundamental shift: unlike bidirectional web apps, they are three-way systems where data flows between your app, the user, and the model. It boils down to mastering these core concepts:

Architecture

Design experiences leveraging model intelligence.

Tools

Define what humans and agents can see and do.

Views

Craft interactive UIs rendered in conversation.
Skybridge is built around all three; it’s the fastest, most complete way to build full-fledged MCP Apps. Protocol, authentication, and host support are baked in. It comes with a dead-simple architecture and a complete tooling suite, including HMR, emulator, tunneling, playground, and deployment. Your sole focus: what makes your app great.

The AI Sidekick of Your AI Sidekick

With the Skybridge Skill, coding agents can autonomously develop MCP Apps. Better still, Skybridge-pilled LLMs help you brainstorm ideas, design UX, and craft great apps that actually make sense inside ChatGPT or Claude. Install it now:
npx skills add alpic-ai/skybridge -s skybridge

Quickstart

Build, test, and deploy your first MCP App

Architecture

Design conversational experiences leveraging model intelligence

Build

Learn everything that makes great MCP Apps